@charset "utf-8";
/* CSS Document */
	*{
		margin:0px;
		border:0px;
		padding:0px;
	}
	body{
		background-color:#0A0A0A;
		width:100%;
		height:100%;
		
	}
	#warp{
		position:relative;
	}
	#person1{
		width:50%;
		height:350px;
		
		
		
	}
	#person2{
		width:50%;
		height:350px;
		
		position:absolute;
		top:0px;
		right:0px;
	}
	h1{
		color: #FBFBEA;
		font-family:"仿宋";
	}
	td{
		color:#F1FAFA;
		font-size:25px;
	}
	 #table1{
		position:absolute;
		left:5%;
		width:40%;
		height:280px;
		border:1px dashed #479AC7;
		text-align:center;
		font-family:"仿宋";
		
	}
	#table2
	{
		position:absolute;
		left:10%;
		width:80%;
		height:280px;
		border:1px dashed #479AC7;
		text-align:center;
		font-family:"仿宋";
		
	}
	
	li{
		width:45px;
		height:45px;
		border-radius:45px;
		background-color:#2d2d2d;
		color:#fff;
		list-style:none;
		line-height:45px;
		text-align:center;
		border:1px dashed #F9C;
		box-shadow:0 0 5px #fff;
	}
 #box a{
		text-decoration:none;
		color:#fff;
		display:block;
	}
	#theme{
		position:absolute;
		left:10%;
		top:36%
	}
	#journey{
		position:absolute;
		left:37%;
		top:26%
	}
	#picture{
		position:absolute;
		left:57%;
		top:37%
	}
	#person{
		position:absolute;
		left:87%;
		top:30%
	}
	
	@-webkit-keyframes change{
	0%{background:#C9F;}
	20%{background:#9F9;}
	40%{background:#66C;}
	60%{background:#FF9;}
	80%{background:#69C;}
	100%{background:#2d2d2d;}
	}
	@-ms-keyframes change{
	0%{background:#C9F;}
	20%{background:#9F9;}
	40%{background:#66C;}
	60%{background:#FF9;}
	80%{background:#69C;}
	100%{background:#2d2d2d;}
	}
	@-moz-keyframes change{
	0%{background:#C9F;}
	20%{background:#9F9;}
	40%{background:#66C;}
	60%{background:#FF9;}
	80%{background:#69C;}
	100%{background:#2d2d2d;}
	}
	@-o-keyframes change{
	0%{background:#C9F;}
	20%{background:#9F9;}
	40%{background:#66C;}
	60%{background:#FF9;}
	80%{background:#69C;}
	100%{background:#2d2d2d;}
	}
	@keyframes change{
	0%{background:#C9F;}
	20%{background:#9F9;}
	40%{background:#66C;}
	60%{background:#FF9;}
	80%{background:#69C;}
	100%{background:#2d2d2d;}
	}
   #box a:hover{
		color:#99C;
		border-radius:43px;
		-moz-animation:change 6s ease 3;
		-webkit-animation:change 6s ease 3;
		-o-animation:change 6s ease 3;
		-ms-animation:change 6s ease 3;
		animation:change 6s ease 3;
		
	}